<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/map.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/individual_page.css" />
<link rel="stylesheet" href="css/scrollable-buttons.css" />
</head>
<body>

<div id="top_container">
  <div class="container_12">
    <!-- top section contains logo and social network links -->
    <div class="grid_3">
      <div id="logo">
        <h1><a href="#"><img src="img/logo.png" /></a></h1>
      </div>
    </div>
    <div class="grid_9 topmenu_container">
      <div id="topmenu">
        <!-- list of social network links, with images -->
        <ul>
          <li><a href="#"><img src="img/tweeter.png"></a></li>
          <li><a href="#"><img src="img/fb.png"></a></li>
          <li><a href="#"><img src="img/linkedin.png"></a></li>
          <li><a href="#"><img src="img/rss.png"></a></li>
          <li><a href="#"><img src="img/arrow.png"></a></li>
        </ul>
      </div>
    </div>
    <div class="clear"></div>

    <!-- login and search -->
    <div class="prefix_4 grid_5 suffix_3">
      <div id="account-box">
        <span class="inbox">
          <a href="#">Pesan Saya</a>
        </span>
        <span class="my-account">
          <a href="#">Akun Saya</a>
        </span>
      </div>
      <div id="login-box">
        <form>
        <input type="text" name="username" class="username" />
        <input type="password" name="password" class="password" />
        <input type="submit" class="login-button" value="Go" />
        </form>
      </div>
    </div>
    <div class="clear"></div>

    <!-- cities and page site navigation -->
    <div class="prefix_8 grid_4 main-nav" id="site-links">
      <ul>
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Kontak</a></li>
        <li><a href="#">Produk</a></li>
        <li><a href="#">Bisnis</a></li>
      </ul>
    </div>
    <div class="clear"></div>
</div>

<div class="container_12 canvas canvas-single">
  <!-- photo and links of adv owner -->
  <div class="grid_7">
    <div class="place-head">
      <h2>Bebek Goreng</h2>
      <p class="place-taxon">
        Kategori <a href="#">Kuliner</a>, di <a href="#">Jakarta</a>
      </p>
    </div>
    <div class="place-logo">
      <img src="http://ayanaon.com/users_content//users_images/logos/228a4d416330238a37c628ace371b8f4.jpg" />
    </div>
  </div>
  <!-- info of adv owner -->
  <div class="grid_5">
    <div class="place-links">
      <a href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fayanaon.com%2Flistings%2FBebek-van-Java%2F&amp;title=Bebek%20Van%20Java%20%7C%20Restoran%20%7C%20okakuswandi%20-%20Ayanaon.com%20-%20sagala%20rupa%20sagala%20aya&amp;description=Bebek%20Van%20Java%20(%20BVJ%20)%20adalah%20restoran%20spesialis%20bebek%20yang%20terdiri%20pada%20tanggal%201%20Juli%202006.%20BVJ%20adalah%20restoran%20yang%20memadukan%20gaya%20penyajian%20modern.%20Sedangkan%20differensiasi%20BVJ%20yang%20paling%20kuat%20terletak%20pada%20keempukan%20dan%20gurih%20daging%20bebek%2C%20dipadukan%20dengan%20sambal%20super%20pedas%20yang%20membuat%20candu%2C%20menjadikan%20BVJ%20sebagai%20pilihan%20utama%20penggemar%20daging%20bebek%20di%20Bandung." class="a2a_dd"><img width="171" height="16" border="0" alt="Share/Bookmark" src="http://static.addtoany.com/buttons/share_save_171_16.png"></a><script src="http://static.addtoany.com/menu/page.js" type="text/javascript"></script><span class="listing_options_panel_item print"><a onclick="$.jqURL.loc('http://ayanaon.com/print_listing/301/', {w:590,h:750,wintype:'_blank'}); return false;" href="#">print listing</a></span>
      <span class="pdf"><a href="#">get listing in pdf</a></span>
      <span class="listing_options_panel_item add_favourites"><a onclick="addToFavourites(301, 'Listing was successfully added to your quick list!', 'Listing is already in your quick list!'); return false;" href="#">add to quick list</a></span>
      <span class="friend"><a class="nyroModal" href="http://ayanaon.com/email/send/listing_id/301/target/friend/">email to friend</a></span>
      <span class="owner"><a class="nyroModal" href="http://ayanaon.com/email/send/listing_id/301/target/owner/">email to listing owner</a></span>
      <span class="map"><a class="ancLinks" href="#map">Google Map</a></span>
      <span class="reviews"><a class="ancLinks" href="#reviews">0 Comments</a></span>
    </div>
  </div>
  <div class="clear"></div>

  <!-- description and information -->
  <div class="grid_12">
    <div class="single-page">
      <div class="place-description-single">
        <h3>Deskripsi</h3>
        <p>
        Bebek Van Java ( BVJ ) adalah restoran spesialis bebek yang terdiri pada tanggal 1 Juli 2006. BVJ adalah restoran yang memadukan gaya penyajian modern. Sedangkan differensiasi BVJ yang paling kuat terletak pada keempukan dan gurih daging bebek, dipadukan dengan sambal super pedas yang membuat candu, menjadikan BVJ sebagai pilihan utama penggemar daging bebek di Bandung. Dimulai dari konsep warung kaki lima sederhana, BVJ sudah memiliki dua outlet yang terletak di Jl. Dipatiukur No.5A yang berkapasitas sekitar 60 orang dan Jl. Lombok No. 47 yang berkapasitas 102 orang dengan waktu pukul 11.00 sampai 23.00. BVJ meluncurkan satu ikon yang diberi nama "BEPPI" ( Bebek Api) yang sesuai dengan sajian sambal BVJ yang "Hot, Spicy, and Delicious".BVJ juga memiliki 3 varian manu daging bebek ( original goreng, original bakar, dan kalasan) dan 2 varian sambal (pedas dan manis).
        </p>
      </div>
      <div class="place-photo-gallery">
        <h3>Galeri Photo</h3>
        <div class="photo-gallery-container">
          <a class="prev browse left"></a>
          <div id="photo-gallery">
            <div class="items">
              <!-- 1-5 -->
              <div>
                 <img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
                 <img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
                 <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />
                 <img src="http://farm1.static.flickr.com/164/399223606_b875ddf797_t.jpg" />
              </div>
              <!-- 5-10 -->
              <div>
                 <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
                 <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
                 <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
                 <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
                 <img src="http://farm1.static.flickr.com/50/117346182_1fded507fa_t.jpg" />
              </div>
              <!-- 10-15 -->
              <div>
                 <img src="http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3624/3323893148_8318838fbd_t.jpg" />
              </div>
            </div><!-- /items -->
          </div><!-- /photo-gallery -->
          <a class="next browse right"></a>
          <div class="clear"></div>
        </div><!-- /photo-gallery-container -->
      </div>

      <div class="place-video-gallery">
        <h3>Video</h3>
        <div class="video-gallery-container">
          <a class="prev browse left"></a>
          <div id="video-gallery">
            <div class="items">
              <!-- 1-5 -->
              <div>
                 <img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
                 <img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
                 <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />
                 <img src="http://farm1.static.flickr.com/164/399223606_b875ddf797_t.jpg" />
              </div>
              <!-- 5-10 -->
              <div>
                 <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
                 <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
                 <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
                 <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
                 <img src="http://farm1.static.flickr.com/50/117346182_1fded507fa_t.jpg" />
              </div>
              <!-- 10-15 -->
              <div>
                 <img src="http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg" />
                 <img src="http://farm4.static.flickr.com/3624/3323893148_8318838fbd_t.jpg" />
              </div>
            </div><!-- /items -->
          </div><!-- /photo-gallery -->
          <a class="next browse right"></a>
          <div class="clear"></div>
        </div><!-- /photo-gallery-container -->
      </div>

      <div class="place-contact-information">
        <h3>Alamat dan Kontak</h3>
        <p class="contact-info"><span>Phone:</span><strong>081315528932</strong></p>
        <p class="contact-info"><span>Fax:</span><strong>081315528932</strong></p>
        <p class="contact-info"><span>Website:</span><strong>gedex.web.id</strong></p>
        <p class="contact-info"><span>Email:</span><strong>admin@gedex.web.id</strong></p>
        <div id="map-container" class="small-map"></div>
      </div>

      <div class="place-commentars">
        <h3>Komentar</h3>
      </div>
    </div>
  </div>
  <div class="clear"></div>

  <!-- site bottom information -->
  <div class="grid_4 bc">
    <div class="learnmore">
      <h4>Learn More</h4>
      <div class="bcc bcc_3">
        <div class="bcci">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Forum</a></li>
          </ul>
        </div>
        <div class="bcci">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Forum</a></li>
          </ul>
        </div>
        <div class="bcci">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Forum</a></li>
          </ul>
        </div>
      </div><!-- /bcc -->
    </div><!-- /learnmore -->
  </div><!-- /grid_4 bc -->
  <div class="grid_4 bc">
    <div class="tweets">
      <h4>Our latest tweet @infojabotabek</h4>
    </div>
  </div>
  <div class="grid_4 bc">
    <div class="artikel">
      <h4>Artikel ruang usaha</h4>
      <div class="bcc bcc_2">
        <div class="bcci">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Forum</a></li>
          </ul>
        </div>
        <div class="bcci">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Forum</a></li>
          </ul>
        </div>
      </div><!-- /bcc -->
    </div><!-- /artikel -->
  </div>
  <div class="clear"></div>
</div>
<!-- end .container_12 -->

<div id="footer">
  <div class="container_12">
    <div id="footer-content">
      Copyright &copy; 2011 InfoJABOTABEK.COM Hak Cipta dilindungi undang-undang. Dilarang menggandakan
      apapun dari situs ini tanpa izin tertulis dari kami. Griya Sangat Indah No. 249, Bekasi Utara | xxx
    </div>
  </div>
  <div class="clear"></div>
</div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
$(function() {
  function loadMap() {
    var ll = new google.maps.LatLng(-34.397, 150.644);
    var opt = {
      zoom: 8,
      center: ll,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var el = $("#map-container");
    var map = new google.maps.Map(document.getElementById("map-container"), opt);
  }
  loadMap();
  $('#photo-gallery').scrollable();
  $('#video-gallery').scrollable();
});
</script>
</body>
</html>
